<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            height: 1000px;
        }
    </style>
</head>

<body>
    <input type="text">
    <button>点击</button>
    <div> </div>
    <script>
        let btn = document.querySelector("button");
        btn.onclick = jl()
        function jl() {
            let bool = true
            return function () {
                if (bool) {
                    setTimeout(() => {
                        console.log("======");
                        bool = true
                    }, 1000)
                }
                bool = false
            }
        }



        function fd() {
            let t = null;
            return function () {
                if (t !== null) {
                    clearTimeout(t)
                }
                t = setTimeout(() => {
                    console.log("----");
                }, 1000)
            }
        }



        // // 防抖
        // let oinput = document.querySelector('input')
        // oinput.oninput = debounce(function () {
        //     console.log(this.value);
        // }, 1000)

        // function debounce(fn, time) {
        //     let t = null
        //     return function () {
        //         if (t !== null) {
        //             clearTimeout(t)
        //         }
        //         t = setTimeout(() => {
        //             fn.call(this)
        //         }, time)
        //     }
        // }

        // // 节流
        // window.onscroll = j()
        // function j() {
        //     let t = true
        //     return function () {
        //         if (t) {
        //             setTimeout(() => {
        //                 console.log("aaaa");
        //                 t = true
        //             }, 1000)
        //         }
        //         t = false

        //     }
        // }


    </script>
</body>

</html>